* {margin:0; 
   padding:0;}
   
html {font-family: Arial, Helvetica, sans-serif;
	  background: #328CC1;}
	  
body {width: 1200px;
      margin: 0 auto;
	  border-width: 2px;
	  border-style: solid;
	  border-color: #CDCDCD;
	  background: white;}
		
.breaker {width: 800px;
          margin: 0 auto;
		  border-width: 2px;
		  border-bottom-style: solid;
		  border-color: #CDCDCD;
		  padding-bottom: 20px;}
	  
#title {float: left;
        padding-left: 2px;
		color: #328CC1;}
	  
nav {text-align: center;
     float: right;
	 font-size: 110%;
	 padding-top: 15px;
	 padding-right: 2px}

nav ul {list-style-type: none;}

nav ul li {display: inline;
    padding: 3px;}
	
nav ul li a {color: white;
			 background: #328CC1;
			 text-decoration: none;
			 border-width: 2px;
			 border-style: solid;
			 border-color: #328CC1;
			 border-radius: 3px;
			 padding: 2px;}
			 
nav ul li a:visited {color: white;}
			 
nav ul li a:hover {color: #CDCDCD;}

p {padding-top: 5px;}
	
.clear {clear: both;
		visibility: hidden;}
		
article {padding-top: 10px;
		 color: #328CC1;}
		 


#opening {width: 700px;
		  margin: 0 auto;
		  padding-top: 3px;
		  padding-left: 30px;
		  padding-right: 3px;
		  border-width: 2px;
		  border-style: solid;
		  border-color: #CDCDCD;
		  border-radius: 5px;}
		  
#frontimage { width: 300px;
			  float: left;}

#frontcontact { width: 380px;
				float: right;
				text-align: center;
				padding-top: 3px;
				padding-left: 3px;
				padding-right: 3px;
				border-width: 2px;
				border-left-style: solid;
				border-color: #CDCDCD;
				min-height: 400px;}
				
#frontcontact h2 {padding-top: 100px;}
				
#about {width: 1000px;
		margin: 0 auto;
		text-align: justify;
		padding-top: 10px;
		list-style-position: inside;}
		
#about ol {padding: 10px;}
		
#about ol li {padding-top: 5px;}
		
.center {text-align: center;
         margin: 0 auto;}
		 
.accreditations {padding-top: 10px;
				 width: 800px;
				 margin: 0 auto;}
				 
#smas {float: left;
	   padding-left: 50px;}

#chas {float: right;
       padding-right: 50px;}

#contructionline {float: left;
                  width: 250px;}

#citb {float: left;
	   width: 250px;
	   padding-left: 30px;
	   padding-right: 30px;}
	   
#cisrs {float:left;
        width: 250px;
		padding-right: 10px;}
		
#sa img {text-align: center;
		 max-width: 20%;}

footer {text-align: center;
        color: #328CC1;
		padding-bottom: 5px;
		font-size: 80%;}
		
h3 {padding-top: 10px;}

#hse_quote {width: 800px;
			margin: 0 auto;
			border-width: 2px;
			border-style: solid;
			border-color: #CDCDCD;
			margin-top: 10px;
			margin-bottom: 10px;}
			
#smart_scaffolder {width: 350px;
				   margin: 0 auto;
				   padding-top: 10px;}
				   
form {width: 200px;
	  margin: 0 auto;
	  border-width: 2px;
	  border-style: solid;
	  border-color: #CDCDCD;
	  border-radius: 3px;
	  padding-left: 20px;
	  padding-top: 10px;
	  padding-bottom: 10px;}
	  
.gallery {padding-top: 5px;}
	  
.thumbnails img {
	height: 80px;
	border: 4px solid #CDCDCD;
	padding: 1px;
	margin: 0 10px 10px 0;}

.thumbnails img:hover {
	border: 4px solid #328CC1;
	cursor:pointer;}

.preview img {
	border: 4px solid #328CC1;
	border-radius: 5px;
	padding: 1px;
	height: 350px;}
	
.preview2 img {
	border: 4px solid #328CC1;
	border-radius: 5px;
	padding: 1px;
	width: 800px;}